<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Compiler</title>
    <style></style>
  </head>
  <body>
    <div>
      <p>Compiler</p>
      <p>功能</p>
      <p>1.负责编译模板，解析指令/差值表达式</p>
      <p>2.负责页面的首次渲染</p>
      <p>3.当数据变化后重新渲染视图</p>
      <p>结构</p>
      <p>===============类名</p>
      <p>Compiler</p>
      <p>===============类属性</p>
      <p>el</p>
      <p>vm</p>
      <p>===============类方法</p>
      <p>compile(el)</p>
      <p>compileElement(node)</p>
      <p>compileText(node)</p>
      <p>isDirective(attrName)</p>
      <p>isTextNode(node)</p>
      <p>isElementNode(node)</p>
    </div>
    <script></script>
  </body>
</html>
